@import '../../../../css/colorVar.less';
.StepProcess {
  padding-top: 10px;
  :global {
    .ant-steps {
      padding: 0 140px;
    }
  }
  .StepsContent {
    margin-top: 20px;
    max-height: calc(100vh - 290px);
    height: calc(100vh - 290px);
    overflow-y: auto;
    .StepOne {
      margin: 0 auto 0 18%;
      width: 50%;
      :global {
        .maat-form-father .ant-form .ant-col > .ant-form-item {
          height: unset !important;
        }
      }
    }
    .StepTwo {
      :global {
        .ant-checkbox-group {
          width: 100%;
          //all: unset;
          //padding: 0 20px;
          //margin-top: 50px;
        }
      }
      .myHeaderMixin {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        color: rgba(0, 0, 0, 65%);
        height: 40px;
        margin-bottom: 10px;
        padding: 0 16px;
        background: @barBg_color url(../../../../assets/busi/performanceAnalysis/profitOverview/titleBg.png) no-repeat right top;
      }

      display: flex;
      padding: 0 16%;
      @operateWidth: 50px;
      @widthC: calc(100% - @operateWidth);
      @halfWidthC: calc(@widthC / 2);
      .left {
        position: relative;
        border: 1px solid rgba(67, 118, 255, 20%);
        width: @halfWidthC;
        max-height: calc(100vh - 290px);
        height: calc(100vh - 290px);
        .leftHeader {
          position: sticky;
          top: 0;
          left: 0;
          right: 0;
          .myHeaderMixin();
        }
        .leftScroll {
          overflow-y: auto;
          max-height: calc(100vh - 290px - 60px);
          height: calc(100vh - 290px - 70px);
          padding: 0 10px;
        }

        :global {
          .maat-secondHeaderI,
          .maat-threeHeaderI {
            padding-left: 0 !important;
          }
        }
      }
      .middle {
        width: @operateWidth;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .right {
        position: relative;
        border: 1px solid rgba(67, 118, 255, 20%);
        width: @halfWidthC;
        max-height: calc(100vh - 290px);
        height: calc(100vh - 290px);
        .rightHeader {
          position: sticky;
          top: 0;
          left: 0;
          right: 0;
          .myHeaderMixin();

          justify-content: space-between;
          .rightHeaderRightText {
            cursor: pointer;
            font-size: 14px;
            font-weight: 400;
            color: #4376ff;
          }
        }
        .rightScroll {
          overflow-y: auto;
          max-height: calc(100vh - 290px - 60px);
          height: calc(100vh - 290px - 70px);
        }

        .sceneDes {
          padding: 16px 36px 0;
          .line {
            margin-bottom: 12px;
            font-size: 14px;
            font-weight: 400;
            color: #666666;
            line-height: 24px;
          }
        }
      }
    }
    .StepThree {
    }
    .StepFour {
    }
  }
  .StepsAction {
    margin-top: 10px;
    display: flex;
    justify-content: center;
  }
}
.BackPopConfirm {
  :global {
    .ant-popover-buttons {
      text-align: center !important;
    }
  }
}
.addTable {
  :global {
    // 在表格中使用 总是有外边距 影响宽度 故去掉

    .ant-form-item {
      margin: 0 !important;
    }
    .ant-form-item-explain-error {
      position: absolute;
      display: none;
    }
    //表单宽度被限制了
    .ant-form-item-control {
      max-width: unset !important;
    }
  }
}
